﻿@model MobileTrack.Web.ViewModels.LastSeguimientoViewModel
@{
    this.ViewBag.Title = "Ribeiro | MobileTrack | Seguimientos";
}

<table class="seguimientoTable">
    <tr>
        <th>@this.Html.LabelFor(m => m.Imei)</th>
        <td>@this.Html.DisplayFor(m => m.Imei)</td>
    </tr>
    <tr>
        <th>@this.Html.LabelFor(m => m.Producto)</th>
        <td>@this.Html.DisplayFor(m => m.Producto)</td>
    </tr>
    <tr>
        <th>@this.Html.LabelFor(m => m.EstadoActual)</th>
        <td>@this.Html.DisplayFor(m => m.EstadoActual)</td>
    </tr>
    <tr>
        <th>@this.Html.LabelFor(m => m.UltimoComprobante)</th>
        <td>@this.Html.DisplayFor(m => m.UltimoComprobante)</td>
    </tr>
    <tr>
        <th>@this.Html.LabelFor(m => m.UltimaUbicacion)</th>
        <td>@this.Html.DisplayFor(m => m.UltimaUbicacion)</td>
    </tr>
    <tr>    
        <th>@this.Html.LabelFor(m => m.UltimaActividad)</th>
        <td>@this.Html.DisplayFor(m => m.UltimaActividad)</td>
    </tr>
</table>
<hr />

<div>
    <table id="seguimientos">
    </table>
    <div id="seguimientospager">
    </div>
</div>

@section scripts {
    <script type="text/javascript">

        $(document).ready(function () {
            $('#seguimientos').jqGrid({
                url: '@this.Url.Action("List")',
                datatype: 'json',
                postData: { imei: '@this.Request.QueryString["imei"]' },
                shrinkToFit: true,
                forceFit: true,
                autowidth: true,
                rowNum: 50,
                rowList: [10, 50, 100],
                width: 'auto',
                height: 'auto',
                caption: "Seguimientos",
                sortable: false,
                cellEdit: false,
                multiselect: false,
                cellsubmit: 'clientArray',
                pager: '#seguimientospager',
                jsonReader: { repeatitems: false, id: '0' },
                colNames: ['Id', 'Fecha', 'Estado', 'Comprobante', 'Responsable', 'Ubicación', 'Misceláneos'],
                colModel: [
                    { name: 'Id', index: 'Id', hidden: true },
                    { name: 'Fecha', index: 'Fecha' },
                    { name: 'Estado', index: 'Estado' },
                    { name: 'Comprobante', index: 'Comprobante' },
                    { name: 'Responsable', index: 'Responsable' },
                    { name: 'Ubicacion', index: 'Ubicacion' },
                    { name: 'Miscelaneos', index: 'Miscelaneos' }
   	            ]
            });

            $('#seguimientos').jqGrid('navGrid', '#seguimientospager', { search: false, edit: false, add: false, del: false });

        });

        function viewAbono(seguimientoId) {
            $.ajax({
                url: '@this.Url.Action("GetAbonoId")',
                data: { segId: seguimientoId },
                type: "GET",
                success: function (result) {
                    var redirection = '@this.Url.Action("Index", "Abonos")';
                    redirection = redirection + '?filter=Id:' + result.abonoId;
                    window.location = redirection;
                }
            });
        }

    </script>
}